<template>
    <div class="userlogin">
        <a href="#/login">登录</a>&nbsp;&nbsp;|&nbsp;
        <a href="#/reg">注册</a>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    setup() {


        return {}
    }
})
</script>



<style scoped>
.userlogin > a:first-child {
    line-height: 4.2rem;
    padding-left: 1rem;
    color: #007fff;
}

.userlogin > a {
    line-height: 4.2rem;
    /* padding-left: 1rem; */
    color: #e7545c;
}

@media only screen and (max-width: 797px) {
    .userlogin > a{
       padding-left: 0;
    }
}

@media only screen and (max-width: 320px) {
    .userlogin {
        display: none;
    }
}

</style>